<script setup>
import LocalComDemo from "./components/LocalComDemo.vue";
import ParentCom from "./components/ParentCom.vue";
import SlotCom from "./components/SlotCom.vue";
import SlotNameCom from "./components/SlotNameCom.vue";

import Father from "./components/Father.vue";
import Demo from "./components/Demo.vue";
import TodoList from "./components/TodoList.vue";
</script>

<!-- <script>
// 引入局部组件


export default {

  components: {
    LocalComDemo,
    ParentCom,
    SlotCom,
    SlotNameCom,
    Father,
    Demo,
    TodoList
  }
}
</script> -->

<template>
  <!-- <HelloWorld msg="You did it!" /> -->
  <!-- <Vmodel /> -->
  <!-- <BasicCommand /> -->
  <!-- <GlobalComDemo />
  <GlobalComDemo />
  <GlobalComDemo />
  <GlobalComDemo />

  <LocalComDemo />
  <LocalComDemo />
  <LocalComDemo />
  <ParentCom />

  <SlotCom>
    <p>hello world</p>
    <p>hello world</p>
  </SlotCom>

  <SlotNameCom>
    <template v-slot:header>
      这是插槽header的内容
    </template>

<template #footer>
      这是插槽footer的内容
    </template>
</SlotNameCom>

<Father /> -->

  <!-- <Demo /> -->
  <!-- <TodoList /> -->
  <ul>
    <li>
      <router-link to="/home">Home</router-link>
    </li>
    <li>
      <router-link to="/about">About</router-link>
    </li>
    <li>
      <router-link to="/user">usercenter</router-link>
    </li>
    <li>
      <router-link to="/vuex">Vuex</router-link>
    </li>
    <li>
      <router-link to="/element">Element</router-link>
    </li>
    <li>
      <router-link to="/list-demo">list-demo</router-link>
    </li>
    <li>
      <router-link to="/register">register</router-link>
    </li>
    <li>
      <router-link to="/account-list">account-list</router-link>
    </li>
  </ul>
  <div>
    <router-view></router-view>
  </div>
</template>
